.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 100px;
  width: 100%;
  height: 106px;
  background-color: rgba(12, 81, 177, 1);

  //  头部标题
  .header-title {
    font-family: 宋体;
    font-size: 1em;
    color: white;
  }

  @media (max-width: 795px) {
    .header-title {
      font-size: .6em;
    }
  }

  //  头部右边区域
  .header-area {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: white;

    // 信息
    .header-msg {
      width: 60px;
      .iconfont {
        font-size: 3em;
      }
    }

    // 下载按钮
    .header-download {
      width: 60px;
      .iconfont {
        font-size: 3em;
      }
    }

    // 用户头像
    .header-avatar {
      width: 45px;
      height: 45px;
      border-radius: 50%;
    }

    // 用户信息
    .header-user-info {
      width: 55px;
      margin-left: 15px;

      // 欢迎词
      .header-user-mark {
        font-size: 0.1em;
      }

      // 用户名称
      .header-user-nickName{
        font-size: 1.5em;
      }
    }
  }
}

@media (max-width: 550px) {
  .header {
    font-size: .6em;
    padding: 0;
  }
}
